//
// Extra Pages
// --------------------------------------------------

// Login Page
// -------------------------

.login {
	float: none;
	margin: 50px auto;
	text-align: center;
	background-color: @white;
	padding-bottom: 10px;
	.box-shadow-helper(0);
	.logo {
		padding: 30px 0;
		margin: 0 -15px;
		background-color: @primary;
		color: @white;
		h1 {
			margin: 0;
			font-weight: 700;
		}
		i {
			margin-top: 15px;
			font-size: 36px;
			background-color: lighten(@primary, 10%);
			padding: 20px;
			line-height: 36px;
			border-radius: 50%;
		}
	}
	.help-block {
		text-align: right;
	}
	form {
		padding: 15px;
	}
	p {
		a {
			text-transform: uppercase;
			font-weight: 500;
			color: @primary;
		}
	}
}
@media (max-width: 767px) {
	.login {
		margin: 10px;
	}
}

// Timeline Page
// -----------------------------

.timeline {
	position: relative;
	&:before {
		content: "";
		position: absolute;
		height: 100%;
		width: 2px;
		left: 130px;
		background-color: @gray;
	}
	> li {
		position: relative;
		margin-bottom: 20px;
		.panel {
			margin: 0;
			display: inline-block;
		}
		.panel-body:after {
			clear: none;
		}
	}
	.tl-time {
		display: inline-block;
		width: 100px;
		text-align: center;
		float: left;
	}
	.tl-content {
		margin-left: 170px;
	}
	.tl-icon {
		text-align: center;
		position: absolute;
		height: 40px;
		width: 40px;
		line-height: 36px;
		font-size: 16px;
		border: 2px solid @gray;
		color: @gray;
		background-color: @lighter-gray;
		margin-left: 10px;
	}
}
@media (max-width: 768px) {
	.timeline {
		&:before {
			left: 22px;
		}
		.tl-icon {
			left: 0;
			top: 0;
			margin: 0;
		}
		.tl-content {
			margin-left: 70px;
		}
		.tl-time {
			display: block;
			float: none;
			width: auto;
			text-align: right;
		}
		li .panel {
			display: block;
		}
	}
}

// Calendar Page
// -----------------------------

.fc-toolbar h2 {
	color: @primary;
}

.fc button {
	font-size: 14px;
	line-height: 20px;
	padding: 6px 15px;
	font-weight: 500;
	height: auto;
	text-transform: uppercase;
}

.fc-state-default {
	background-color: @primary;
	color: @white;
	border-style: none;
	text-shadow: none;
	background-image: none;
	.box-shadow-helper(1);
	&:focus,
    &.focus,
    &:hover {
    	outline: 0;
    	background-color: darken(@primary, 10%);
    	.box-shadow-helper(2);
    }
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	background-color: darken(@primary, 5%);
    .box-shadow-helper(2);
}

.fc-unthemed .fc-today {
	background-color: @light-gray;
	font-weight: 700;
}

.fc .fc-toolbar>*>* {
	margin-left: 10px;
}